.fly-flex-box{
  padding:0.3rem;
  .fly-flex-option{
    border: 1px solid #e8e8e8;
    background-color: #fff;
    padding: 8px 4px;
    margin-bottom: 10px;
    font-family: arial,serif;
  }
  .fly-flex-style{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    .fly-flex-item{
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
    .fly-flex-text{
      color: #6b6b6b;
      padding: 0 .2rem;
      font-size: .28rem;
      background-color: #dcdcdc;
      margin: 2px 4px;
      height: .7rem;
      text-align: center;
      line-height: .7rem;
    }
  }
  .fly-flex-col{
    flex-direction: column;
  }

}
